<html>
<head>
<title>我要预约</title>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css"
	rel="stylesheet" type="text/css">
<link href="../../css/yuea2.css" rel="stylesheet" type="text/css">
<script src="../../js/common3.js"></script>
<script src="../../../../common/jquery-3.3.1.min.js"></script>
<style type="text/css">
	.dataSelected{
	border:1px solid #1aad19;border-radius: 5px;background-color: #1aad19;padding: 1px 3px;color: white;
	}
	.timeSelected{
	border:1px solid #1aad19;border-radius: 5px;background-color: white;padding: 1px 3px;color: #1aad19;
	}
	.timeUnusable{
		border:1px solid #999;border-radius: 5px;background-color: white;padding: 1px 3px;color: #999;text-decoration:line-through
	}
	td{
		 vertical-align:top;
	}
</style>


<script>
	var arrivalTime;
	var arrivalTimeTimer1;
	var timmerFlag = 0;
	$(document).ready(function() {
		init();
	}
	)
	function init() {
		var Request = new UrlSearch();
		var code = Request.code;
		var url = "yuea/currentAppointment/getAvailableTime1";
		var data="20180513";
		$.ajax({
			url : url,
			type : "post",
			data : data,
			success : function(response) {
				alert(1);
				alert(response);
			}
		})
	}
</script>

</head>
<body>

	<div class="weui-panel__bd">
		<div class="weui-media-box weui-media-box_appmsg">
			<div class="weui-media-box__hd">
				<img class="weui-media-box__thumb"
					src=""
					alt="">
			</div>
			<div class="weui-cell__bd">
				<p>尊敬的顾客您好，欢迎光临本店，祝您生活愉快！</p>
			</div>
		</div>
	</div>
	<div class="weui-cells" style="display: none">
	    <div class="weui-cell weui-cell_select weui-cell_select-after">
	        <div class="weui-cell__hd">
	            <label for="" class="weui-label">预约店铺</label>
	        </div>
	        <div class="weui-cell__bd">
	            <select class="weui-select" name="select2">
	                <option value="1">秀尚</option>
	            </select>
	        </div>
	    </div>
	</div>
	<div class="weui-cell weui-cell_access" style="padding-top: 15px">
		<span>请选择发型师</span>
	</div>
	<table style="width: 100%;text-align: left;">
		 <tr>
		     <td height="30px">
			     <span class="dataSelected" style="margin-left: 15px;">小章</span>
			     <span style="margin-left: 15px;color: #999">小王</span>
		     </td>
	    </tr>
	</table>
	
	<div class="weui-cell weui-cell_access" style="padding-top: 15px">
		<span>请选择服务项目</span>
	</div>
	<table style="width: 100%;text-align: left;">
		 <tr>
		     <td height="30px">
			     <span class="dataSelected" style="margin-left: 15px;">剪发</span>
			     <span style="margin-left: 15px;color: #999">烫染</span>
			     <span style="margin-left: 15px;color: #999">洗护</span>
		     </td>
	    </tr>
	</table>
	
	<div class="weui-cell weui-cell_access" style="padding-top: 15px">
		<span>请选择到店时间：</span>
	</div>
	
	<table style="width: 100%;text-align: center;">
		<tbody>
			 <tr>
		      <td height="30px"><span class="dataSelected">今天</span></td>
		      <td><span style="color: #999">明天</span></td>
		      <td><span style="color: #999">后天</span></td>
		      <td><span style="color: #999">周三</span></td>
		      <td><span style="color: #999">周四</span></td>
		      <td><span style="color: #999">周五</span></td>
		    </tr>
		    <tr>
		      <td><span class="item_time timeSelected">09:00</span></td>
		      <td class="item_time">09:30</td>
		      <td class="item_time">10:00</td>
		      <td class="item_time">10:30</td>
		      <td class="item_time">11:00</td>
		      <td class="item_time">11:30</td>
		    </tr>
		    <tr>
		      <td class="item_time">12:00</td>
		      <td class="item_tim"><span class="item_time timeUnusable">12:30</span></td>
		      <td class="item_tim"><span class="item_time timeUnusable">13:00</span></td>
		      <td class="item_time">13:30</td>
		      <td class="item_tim"><span class="item_time timeUnusable">14:00</span></td>
		      <td class="item_time">14:30</td>
		    </tr>
		    <tr>
		      <td class="item_time">15:00</td>
		      <td class="item_time">15:30</td>
		      <td class="item_tim"><span class="item_time timeUnusable">16:00</span></td>
		      <td class="item_tim"><span class="item_time timeUnusable">16:30</span></td>
		      <td class="item_time">17:00</td>
		      <td class="item_time">17:30</td>
		    </tr>
		    <tr>
		      <td class="item_time">18:00</td>
		      <td class="item_time">18:30</td>
		      <td class="item_time">19:00</td>
		      <td class="item_time">19:30</td>
		      <td class="item_time">20:00</td>
		      <td class="item_time">20:30</td>
		    </tr>
		    <tr>
		      <td class="item_time">21:00</td>
		      <td class="item_time">21:30</td>
		    </tr>
		
		</tbody>
	</table>
	
	<div class="button-sp-area" style="padding:10px 15px">
		<a href="javascript:;" class="weui-btn weui-btn_primary">下一步</a>
	</div>

</body>
</html>